<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Event_onsubmit 监听</title>
</head>
<body>
<form action="" id="formal"  method="get">
    <input type="text" name="username">
    <input type="submit" value="提交">


    <script type="text/javascript">
        var ele=document.getElementById("formal")
//        阻止事件发送方式一：onsubmit 绑定的事件返回false
//        ele.onsubmit=function () {
//            alert('提交成功')
//            return false
//        }

//        阻止事件发送方式二：onsubmit 绑定的事件形参 e.preventDefault()
        ele.onsubmit=function (e) {
                    alert('提交成功');
                e.preventDefault()
                }
    </script>
</form>
</body>
</html>